RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / admin / resources / views / Admin / ProductCategory /
Filename : edit.blade.php
back
@extends('Admin.layout.main')
@section('content')
@section('pagestylesheet')
    <link rel="stylesheet" href="{{ asset('app-assets/vendors/select2/select2.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ asset('app-assets/vendors/select2/select2-materialize.css') }}" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
        integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />

    <style>
        .row .col.m6 {
            position: relative;
        }

        .password-hideshow {
            position: absolute;
            right: 23px;
            top: 10px;
            cursor: pointer;
        }

        p.error {
            color: red;
            line-height: 18px;
        }
    </style>
@stop
<div id="main">
    <div class="row">
        <div class="col s12">
            <div class="container">
                <div class="section">
                    <div class="row">
                        <div class="col s12 m12 l12">
                            <div id="Form-advance" class="card card card-default scrollspy">
                                <div class="card-content">
                                    <a href="{{ URL::previous() }}" class="btn btn-warning" style="margin-bottom: 10px"> <i class="fas fa-arrow-left"></i> Go Back</a>
                                    <h4 class="card-title">Edit Product category</h4>
                                    @if ($message = Session::get('success'))
                                        <div class="alert alert-success alert-dismissable alert-style-1 text-success">
                                            <p><i class="zmdi zmdi-check"></i> {{ $message }}</p>
                                        </div>
                                    @elseif ($message = Session::get('error'))
                                        <div class="alert alert-danger alert-dismissable alert-style-1 text-danger">
                                            <p><i class="zmdi zmdi-close"></i> {{ $message }}</p>
                                        </div>
                                    @endif
                                    @if ($errors->any())
                                        <div>
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li
                                                        class="alert alert-danger alert-dismissable alert-style-1 text-danger">
                                                        <i class="zmdi zmdi-block"></i> {{ $error }}
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                    {{ Form::open([
                                        'route' => ['product-categories.update', $product_categories->product_category_id],
                                        'method' => 'PUT',
                                        'class' => '',
                                        'id' => 'create-productCategory',
                                        'enctype' => 'multipart/form-data',
                                    ]) }}

                                    <div class="row">
                                        <div class="input-field col m6 s12">
                                            <input id="product_category_name" name="product_category_name"
                                                type="text" value="{{ $product_categories->product_category_name }}">
                                            <label for="product_category_name">Product Category Name</label>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col m6 s12 file-field input-field">
                                            <div class="btn float-left">
                                                <span>Select Product Cetgory Image</span>
                                                <input type="file" name="product_category_img" id="imgInp"
                                                    class="fileUpload">
                                            </div>
                                            <div class="file-path-wrapper">
                                                <input class="file-path validate" type="text" value="{{ $product_categories->product_image }}">
                                            </div>
                                        </div>
                                        <div class="content">
                                            <img id="imgs" width="45" src="{{ asset($product_categories->product_category_image) }}" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="input-field col s12">
                                            <button class="btn cyan waves-effect waves-light right" type="submit"
                                                name="action">Submit
                                                <i class="material-icons right">save</i>
                                            </button>
                                        </div>
                                    </div>
                                    {{ form::close() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section('pagescript')
    <script src="{{ asset('app-assets/js/jquery.validate.min.js') }}"></script>

    <script type="text/javascript">
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#imgs').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]); // convert to base64 string
            }
        }

        $("#imgInp").change(function() {
            readURL(this);
        });
    </script>{{-- image show --}}

    <script type="text/javascript">
        function string_to_slug(str) {
            str = str.replace(/^\s+|\s+$/g, ""); // trim
            str = str.toLowerCase();

            // remove accents, swap ñ for n, etc
            var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
            var to = "aaaaeeeeiiiioooouuuunc------";
            for (var i = 0, l = from.length; i < l; i++) {
                str = str.replace(new RegExp(from.charAt(i), "g"), to.charAt(i));
            }

            str = str
                .replace(/[^a-z0-9 -]/g, "") // remove invalid chars
                .replace(/\s+/g, "-") // collapse whitespace and replace by -
                .replace(/-+/g, "-"); // collapse dashes

            return str;
        }
        $('#create-productCategory').validate({
            rules: {
                product_category_name: {
                    required: true,
                },
            },
            messages: {
                product_category_name: {
                    required: 'Please enter product category name',
                },
            },
            errorElement: "p",
            errorPlacement: function(error, element) {
                element.after(error);
            },
            /* submitHandler: function (form) { 
                 return false; 
             },*/
            highlight: function(element) {
                $(element).closest('.form-group').addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).closest('.form-group').removeClass('has-error');
            },
        });

        $.validator.addMethod("emailfull", function(value, element) {
            return this.optional(element) ||
                /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i
                .test(value);
        }, "Please enter valid email address");
        jQuery.validator.addMethod("lettersonlys", function(value, element) {
            return this.optional(element) || /^[a-zA-Z ]*$/.test(value);
        }, "Letters only please");
    </script>

    {{-- image type validation --}}
    <script type="text/javascript">
        $.fn.checkFileType = function(options) {
            var defaults = {
                allowedExtensions: [],
                preview: "",
                success: function() {},
                error: function() {}
            };
            options = $.extend(defaults, options);
            $previews = $(options.preview);
            return this.each(function(i) {

                $(this).on('change', function() {
                    var value = $(this).val(),
                        file = value.toLowerCase(),
                        extension = file.substring(file.lastIndexOf('.') + 1),
                        $preview = $previews.eq(i);

                    if ($.inArray(extension, options.allowedExtensions) == -1) {
                        options.error();
                        $(this).focus();
                    } else {
                        if (this.files && this.files[0] && $preview) {
                            var reader = new FileReader();
                            reader.onload = function(e) {
                                $preview.show().attr('src', e.target.result);
                                options.success();
                            };

                            reader.readAsDataURL(this.files[0]);
                        } else {
                            options.error();
                        }
                    }
                });
            });
        };

        $('.fileUpload').checkFileType({
            allowedExtensions: ['jpg', 'jpeg', 'png', "gif"],
            preview: ".preview",
            success: function() {
                //alert('success')
            },
            error: function() {
                alert('Please only select png, jpg,jpeg type file for image.');
            }
        });
    </script>
    {{-- image type validation close --}}

@stop
@endsection